
<template>
      <header class="header">
            <div class="timer">
                  <p>2023-12-14</p>
                  <p>16:35</p>
            </div>
            智慧城市-武汉
      </header>
</template>
      
<script setup >

</script>
      
<style>
.header {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 10vh;
      background-image: url("../assets/images/header.png");
      background-size: cover;
      background-position: center center;
      z-index: 3;
      text-align: center;
      line-height: 82px;
      font-size: 30px;
      color: #fff;
      font-family: clockicons, sans-serif, Georgia, Times, 'Times New Roman', serif;
}

.timer {
      font-size: 24px;
      position: absolute;
      left: 15px;
      top: 20px;
      display: flex;
      flex-direction: column;
      line-height: 0;
}

.timer p:last-child {
      margin-top: 38px;
}
</style>